<div id="contenedorTusPartidas" >
	<div id="textoTusPartidas">
		<p   style="font-size: 15px; text-align:left;"  >
		Aqui puedes ver tus partidas
		</p>
	</div>
	<br/>
	<div class="form-horizontal" method="post" >
		<table class="table table-bordered table-striped table-hover table-responsive" id="contenedorPartidas">
			<tbody>
				<thead>
					<th>Fecha</th>
					<th>Juego</th>
					<th>Participantes</th>
					<th>Dificultad</th>
					<th>Tema</th>
					<th>Puntos</th>
				</thead>
				<!-- <tr> 
					<td>12/12/2013 20:01:14</td>
					<td>Simple Quizz</td>
					<td>Chispy Manoli </td>
					<td>Alta</td>
					<td>Redes de Ordenadores</td>
					<td>40</td>
				</tr>
				<tr> 
					<td>13/12/2013 12:44:58</td>
					<td>Simple Trivial</td>
					<td>Chispy Pedrolito </td>
					<td>Baja</td>
					<td>Redes multimedia</td>
					<td>50</td>
				</tr>
				<tr > 
					<td>20/12/2013 18:26:19</td>
					<td>Simple Trivial</td>
					<td>Chispy Antonio </td>
					<td>Media</td>
					<td>Redes de Ordenadores</td>
					<td>100</td>
				</tr> -->
			</tbody>
		</table>
	</div>
</div>

<script>

// El one sirve para llamarlo solo una vez
$(document).one("ajaxComplete", seleccion);
function seleccion() {

	// Cargar partidas
	var urlMisPartidas = "../dispatcher/plataforma/resultadosMisPartidas";

	$.getJSON(urlMisPartidas, function(datos) {
		$.each(datos, function(i, item) {
			 $("#contenedorPartidas").append('<tr> <td>' + item.fecha + ' </td>' 
				 + '<td>' + item.nombreJuego + ' </td>'
				 + '<td>' + item.participantes + ' </td>'
				 + '<td>' + item.dificultad + ' </td>'
				 + '<td>' + item.asignatura + ' </td>'
				 + '<td>' + item.puntuacion + ' </td>'
				 +'</tr>');
		});
	});

};


</script>